*{
	padding: 0;
	margin: 0;
}

html,body{
	width: 100%;
	height: 100%;
	
}

.swiper-container{
	width: 100%;
	height: 100%;

}

.swiper1{
	text-align: center;
	position: relative;
		
}

.slide1-container{
	height: 60%;
	width: 50%;
	display: inline-block;
	margin-top: 1%;



}

.slide1-container-p1{

	font-size: 2rem;
	font-weight: bolder;
	letter-spacing: 5px;

}

.slide1-container-p2{
	text-align: right;
	margin-top: 5%;
}
.slide1-container-p3{
	margin-top: 5%;
	text-align: left;
	line-height: 30px;
}

.icon{
	position: absolute;
	bottom: 20px;
	left:50%;
	font-size: 2rem !important;


}

.slide2-container{
	height: 80%;
	width: 50%;
	display: inline-block;
	margin-top: 10%;	
	text-align: left;



}
.head{
	font-weight: bolder;
	margin-top: 10%;
	margin-bottom: 5px;
}

.slide2-text2{
	opacity: 0;
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
	-webkit-animation-fill-mode: forwards;	
	animation-fill-mode: forwards;	

}

.slide2-text3{
	opacity: 0;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
	animation-fill-mode: forwards;	
	-webkit-animation-fill-mode: forwards;	
}

.slide2-text4{
	opacity: 0;
	animation-delay:3s;
	-webkit-animation-delay:3s; 
	animation-fill-mode: forwards;	
	-webkit-animation-fill-mode: forwards;	
}

.head-img{
	background: url(../img/love.jpg) no-repeat;
	height: 200px;
	width: 100%;
	background-size: 100% 100%;
}

@media screen and (max-width: 500px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
	.slide1-container{
		width: 90%;
		height: 80%;


	}
	.slide2-container{
		width: 90%;
		height: 80%;		
	}
}